import React, { useEffect } from 'react'
import { connect } from 'react-redux'
import { getBannerRequest } from '@/api/request'
import { getBannerList } from '@/store/actionCreators'

function Recommend(props) {
    // 由于页面不再具有自己管理数据的能力，页面向上 请求数据 和 数据管理函数
    const { banners, getBannerDataDispatch, getBannerList } = props;
    useEffect(() => {
        getBannerDataDispatch()
        // (async function () {
        //     let res = await getBannerRequest()
        //     console.log(res)
        // })()
    }, [])
    return (
        <div>
            Recommend
        </div>
    )
}
// state 状态树树根
const mapStateToProps = (state) => {
    return {
        banners: state.recommend.banners
    }
}
const mapDispatchToProps = (dispatch) => {
    return {
        getBannerDataDispatch() {
            // dispatch 派遣;
            // changeBannerList() 声明在 actionCteators 里的一个 action 函数
            dispatch(getBannerList())
        }
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(Recommend)
// connect(对状态树的读操作，修改状态树操作)
